@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}
* {
    font-size: 0;
}
.centont{
    padding-top: r(89px);
//  padding-bottom: r(96px);
    .main{
        padding: r(42px) r(30px) r(29px) r(30px);
        h3{
            font-size: r(30px);
        }
        >div:nth-child(2){
            display: flex;
            align-items: center;
            padding-top: r(18px);
            padding-bottom: r(54px);
            >p{
                font-size: r(22px);
                color: #c5c5c5;
                padding-right: r(18px);
            }
            >img{
                width: r(24px);
                height: r(14px);
            }
            >span{
                font-size: r(20px);
                color: #c5c5c5;
            }
        }
        >p{
            font-size: r(22px);
            color: #8b8b8b;
        }
        >div:last-child{
            width: r(581px);
            height: r(331px);
            padding-top: r(27px);
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    hr{
        width: r(581px);
        height: r(1px);
        border: none;
        background-color: #e6e6e6;
    }
    .contact{
        >h4{
            font-size: r(28px);
            color: #8e8d8d;
            padding: r(37px) 0 r(10px) r(27px);
        }
        >ul{
            height: r(151px);
            background-color: #b20000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            >li:first-child{
                width: r(213px);
                height: r(115px);
                border-right: 1px solid white;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                >div:first-child{
                    width: r(44px);
                    height: r(41px);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                >p{
                    font-size: r(23px);
                    color: white;
                    padding-top: r(20px);
                }
            }
            >li:nth-child(2){
                width: r(213px);
                height: r(115px);
                border-right: 1px solid white;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                >div:first-child{
                    width: r(36px);
                    height: r(36px);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                >p{
                    font-size: r(23px);
                    color: white;
                    padding-top: r(20px);
                }
            }
            >li:last-child{
                width: r(213px);
                height: r(115px);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                >div:first-child{
                    width: r(34px);
                    height: r(37px);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                >p{
                    font-size: r(23px);
                    color: white;
                    padding-top: r(20px);
                }
            }
        }
    }
}
